Почему уехал блок?

rinatoff · July 28, 2017

Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код.

Хотя дивом обернуты нав и ул с лишками.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<header>
		<div class="container">
			<nav> 
				<ul class="menu menu_left">
					<li>
						<a href="#">Павильон №1</a>
					</li>
					<li>
						<a href="#">Павильон №2</a>
					</li>
					<li>
						<a href="#">Расположение залов</a>
					</li>
				</ul>
				<ul class="menu menu_right">
					<li>
						<a href="#">Фотогаллерея</a>
					</li>
					<li>
						<a href="#">Контакты</a>
					</li>
					<li>
						<a href="#">Карта проезда</a>
					</li>
				</ul>
			</nav>
		</div>
	</header>
	<section>
		<div class="container">ewfwefew</div>
	</section>
	<section>
		<div class="container">wefwefwef</div>
	</section>
	<section>
		<div class="container">ewfwef</div>
	</section>
	<section>
		<div class="container">wefwe</div>
	</section>
	<section>
		<div class="container">14dwd</div>
	</section>
	<section>
		<div class="container">wqdwq</div>
	</section>
	<footer>
		<div class="container">wqdqw</div>
	</footer>
</body>
</html>

body {
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}

div {
	box-sizing: border-box;
}

header {
	background: url(../img/sky.jpg) no-repeat center top / cover;
	height: 600px;
}

.container {
	width: 100%;
	max-width: 1410px;
	margin: 0 auto;
}

nav {
	padding: 115px 80px 0px 80px;

}

/*.logo {
	padding-top: 115px;
} */

.menu {
	padding: 0;
	margin: 0;
	display: block;
	background: #D32D43;
	width: 548px;
}

.menu_left {
	float: left;
}

.menu_right {
	float: right;
}

.menu li {
	display: block;
	float: left;
	padding: 40px 17px 40px 17px;
}

.menu li a {
	color: #FEF5F6;
	text-decoration: none;
	text-transform: uppercase;
}

.menu li a:hover {
	padding: 5px;
	color: #D32D43;
	background: #FEF5F6;
	border-radius: 10px; 
}

Edited July 28, 2017 by rinatoff

Switch74 · July 28, 2017

подозреваю, что из-за
padding: 115px 80px 0px 80px;

Switch74 · July 28, 2017

а я убрал его и nav встал под самый top
https://jsfiddle.net/ydztmk0c/

Switch74 · July 28, 2017

так у вас nav не должен быть на самом верху?
что вы вообще хотите сделать?

https://jsfiddle.net/tp7kyyqp/

Switch74 · July 28, 2017

Ну тогда что-то вроде
https://jsfiddle.net/tp7kyyqp/1/

rinatoff · July 28, 2017

6 минут назад, Switch74 сказал:

подозреваю, что из-за
padding: 115px 80px 0px 80px;

попробовал, не из за него. в панели разработчика не видно что ul обёрнуты в нав и в див с классом контейнер.

rinatoff · July 28, 2017

7 минут назад, Switch74 сказал:

а я убрал его и nav встал под самый top
https://jsfiddle.net/ydztmk0c/

хорошо, тогда как решить эту проблему, нужен отступ сверху в 115пх и по 80 сбоку. И еще вопрос, чтобы вы сделали если вам между этими 2умя минюшками по середине нужно прикрутить лого?

Edited July 28, 2017 by rinatoff

rinatoff · July 28, 2017

5 минут назад, Switch74 сказал:

так у вас nav не должен быть на самом верху?
что вы вообще хотите сделать?

https://jsfiddle.net/tp7kyyqp/

Вот это

Sign In

Почему уехал блок?

Question

rinatoff

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

rinatoff

Link to comment

Share on other sites

rinatoff

Link to comment

Share on other sites

rinatoff

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information